<style>
    #box{
        width: 200px;
        height: 200px;
        background-color: aqua;
        position: absolute;
    }
    .box1{
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        left: 30px;
        top: 30px;
    }
</style>
<body style="height:1000px;">
    <div id="box">
        <div class="box1"></div>
    </div>
   
</body>
<script>
var obox = document.getElementById('box')
obox.onclick=function(eve){
//  console.log(eve)
// console.log(eve.offsetX)
// console.log(eve.offsetY)
   
//   console.log(eve.clientX,eve.clientY)


//   console.log(eve.pageX,eve.pageY)


//   console.log(eve.screenX,eve.screenY)

// console.log(this);

// 正常浏览器 console.log(eve.target);
// IE低版本浏览器 console.log(eve.srcElement);
// console.log(eve.type)
// console.log(eve.button)
// console.log(eve.buttons)
  
}
</script>